<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%-- 引入页面头 --%>
<%@ include file="/pageHead.jsp"%>
<form name="form1" id="form1"
	action="<%-- ${systemctx}/sample/saveSample.web --%>" method="post">
	<div class="pageMain">
		<div class="pageTitle">
			<%=MessageResourcesUtils.getMessage(request,"systemmanage.bascmanagement.title")%>
			<span></span>
			<%=MessageResourcesUtils.getMessage(request,"systemmanage.report.callrecord")%>
			<span></span>
			<%=MessageResourcesUtils.getMessage(request,"systemmanage.report.callrecord.list")%>
		</div>
		<div class="pageBody">
			<div class="form-group">
				<ul>
					<li>
						<i></i> <label>开始时间</label>
						<span><input type="text" value="${startTime}" name="startTime" id="startTime" class="validate[required]"></span>
					</li>
					<li>
						<i></i> <label>结束时间</label>
						<span><input type="text" value="${endTime}" name="endTime" id="endTime" class="validate[required]"></span>
					</li>
				</ul>
			</div>
		</div>
		<div class="button-group">
			<input type="button" class="btn btn-default" id="butQuery" name="butQuery" value="<%=MessageResourcesUtils.getMessage(request,"common.button.query")%>" />
			<input type="button" class="btn btn-default" onclick="exportCall()" value="<%=MessageResourcesUtils.getMessage(request,"common.button.export")%>" />
		</div>
		<table width="100%">
			<tbody>
				<tr>
					<td>
						<table id="datagrid"></table>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
</form>
<script type="text/javascript">
$(document).ready(function() {
	$("#startTime").date_input();
	$("#endTime").date_input();
	//加载分页控件 datagrid
	$('#datagrid').issdatagrid(
	{
		formid : 'form1',
		title : '<%=MessageResourcesUtils.getMessage(request,"systemmanage.report.callrecord.list")%>',
		width : 'auto',
		nowrap : true,
		autoRowHeight : false,
		singleSelect : true,
		striped : true,
		//collapsible:true,
		url : '${systemctx}/systemmanage/exportreport/queryCallRecordInfoDataGrid.json',
		sortName : '',
		sortOrder : '',
		remoteSort : true,
		idField : 'flowid',
		pagination : true,
		rownumbers : true,
		showFooter : true,
		queryParams:$('#form1').serializeObject(),
		frozenColumns :[[
			{
				title : '用户昵称',
				field : 'nickname',
				width : 100,
				sortable : true,
				align : 'left'
			},{
				title : '设备ID',
				field : 'udid',
				width : 100,
				sortable : true,
				align : 'left'
			}, {
				title : '电话',
				field : 'phone',
				width : 100,
				sortable : true,
				align : 'left'
			}, {
				title : '邮箱',
				field : 'email',
				width : 120,
				sortable : true,
				align : 'left'
			}, {
				title : '注册时间',
				field : 'registertime',
				width : 150,
				sortable : true,
				align : 'left'
			}
		]],
		columns : [ 
		[
		{
			title : '源语言',
			field : 'sourcelang',
			width : 60,
			sortable : true,
			align : 'left'
		}, {
			title : '目标语言',
			field : 'tarlang',
			width : 60,
			sortable : true,
			align : 'left'
		},{
			title : '译员ID',
			field : 'translatorid',
			width : 100,
			sortable : true,
			align : 'left'
		}, {
			title : '译员名称',
			field : 'translatornickname',
			width : 90,
			sortable : true,
			align : 'left'
		}, {
			title : '译员电话',
			field : 'translatorphone',
			width : 100,
			sortable : true,
			align : 'left'
		}, {
			title : '译员母语',
			field : 'translatormonthertongue',
			width : 70,
			sortable : true,
			align : 'left'
		}, {
			title : '译员语言能力',
			field : 'translatorabilitytongue',
			width : 90,
			sortable : true,
			align : 'left'
		}, {
			title : '译员类型',
			field : 'translatortype',
			width : 70,
			sortable : true,
			align : 'left'
		}, {
			title : '评价星级',
			field : 'starlevel',
			width : 80,
			sortable : true,
			align : 'left'
		}, {
			title : '评价内容',
			field : 'evaluatecontent',
			width : 100,
			sortable : true,
			align : 'left'
		},  {
			title : '服务类型',
			field : 'servicetype',
			width : 70,
			sortable : true,
			align : 'left'
		}, {
			title : '服务结果',
			field : 'serviceresult',
			width : 250,
			sortable : true,
			align : 'left'
		}, {
			title : '呼叫服务时间',
			field : 'calltime',
			width : 150,
			sortable : true,
			align : 'left'
		}, {
			title : '服务开始时间',
			field : 'servicestarttime',
			width : 150,
			sortable : true,
			align : 'left'
		}, {
			title : '服务结束时间',
			field : 'serviceendtime',
			width : 150,
			sortable : true,
			align : 'left'
		}, {
			title : '服务时长',
			field : 'servicetime',
			width : 100,
			sortable : true,
			align : 'left'
		}, {
			title : '用户取消时间',
			field : 'cancelcalltime',
			width : 150,
			sortable : true,
			align : 'left'
		}, {
			title : '包时间套餐计费(分钟)',
			field : 'permissiontime',
			width : 100,
			sortable : true,
			align : 'left'
		}, {
			title : '充值套餐计费(分钟)',
			field : 'usertime',
			width : 110,
			sortable : true,
			align : 'left'
		}, {
			title : '后付费计费(分钟)',
			field : 'postpaiedtime',
			width : 110,
			sortable : true,
			align : 'left'
		}, {
			title : '支付方式',
			field : 'paytype',
			width : 100,
			sortable : true,
			align : 'left'
		}, {
			title : '支付结果',
			field : 'payresult',
			width : 80,
			sortable : true,
			align : 'left'
		}, {
			title : '支付金额',
			field : 'paymoney',
			width : 100,
			sortable : true,
			align : 'right'
		}, {
			title : '用户编号',
			field : 'userid',
			width : 100,
			sortable : true,
			align : 'left'
		}, {
			title : '服务ID',
			field : 'flowid',
			width : 100,
			sortable : true,
			align : 'left'
		}, {
			title : '呼叫类型',
			field : 'linktype',
			width : 100,
			sortable : true,
			align : 'left'
		}, {
			title : 'IM聊天时长(秒)',
			field : 'chatduration',
			width : 100,
			sortable : true,
			align : 'left'
		}, {
			title : '语音聊天时长(秒)',
			field : 'voiceduration',
			width : 100,
			sortable : true,
			align : 'left'
		}, {
			title : '总时长(秒)',
			field : 'duration',
			width : 100,
			sortable : true,
			align : 'left'
		}, {
			title : '录音频道ID',
			field : 'agorachannelid',
			width : 300,
			sortable : true,
			align : 'left'
		}] ],
		onLoadSuccess : function(data) {

		}
	});

	$('#butQuery').click(function() {
		$('#datagrid').datagrid('load',$('#form1').serializeObject());
	});


});

function exportCall() {
	if (confirm("是否导出叫单数据？")) {
		

		var startTime = $("#startTime").val();
		var endTime = $("#endTime").val();
		
		if(null == startTime || startTime == '' || startTime == 'undefined'){
			alert("开始时间不能为空");
			return;
		}
		
		if(null == endTime || endTime == '' || endTime == 'undefined'){
			alert("结束时间不能为空");
			return;
		}
		
		var startDate = new Date(startTime);
		var endDate = new Date(endTime);
		var millisecond=endDate.getTime()-startDate.getTime()  //时间差的毫秒数			
		var days=Math.floor(millisecond/(24*3600*1000))//计算出相差天数
		if(startDate > endDate){
			alert("开始时间不能小于结束时间");
			return;
		}
		if(days > 6){
			alert("导出数据不能大于7天");
			return;
		} 
		window.location.href = "${systemctx}/systemmanage/exportreport/exportCallReport.web?startTime=" + startTime + "&endTime=" + endTime; 
	}
}
	
</script>
<%-- 引入页面尾 --%>
<%@ include file="/pageFloor.jsp"%>